<template>
  <v-app>
    <ToolBar title="ABOUT" />
    <div style="margin-top: 60px;">
      <h1>This is an about page</h1>
      <div id="container">
      </div>
    </div>
  </v-app>
</template>

<script>
  import ToolBar from '@/components/ToolBar'
  export default {
    mounted() {
      let s = document.createElement('script')
      s.src = 'https://p.bokecc.com/player?vid=0DF8FE2792BC1D189C33DC5901307461&siteid=D51E80C7DBA9984E&autoStart=false&width=100%&height=490&playerid=2F787FF0B35F2276&playertype=1'
      s.type = 'text/javascript'
      document.getElementById('container').appendChild(s)


    },
    components: {
      ToolBar
    },
  }
</script>
<style>
  video {
    max-width: 100%;
  }
</style>
